{extend name='common@layout/base' /}
{block name='breadcrumb'}{/block}
{block name='content'}
{if(isset($home_full) && !empty($home_full))}
<script type="text/javascript">
    var AD_FULL_ID = {$home_full.id}
</script>
<script type="text/javascript" src="{$home_full.indexjs}?{$Think.config.version_source}" charset="utf-8"></script>
{/if}
<link href="/old/shop/templates/new20160622/css/index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/old/shop/resource/js/home_index.js?{$Think.config.version_source}" charset="utf-8"></script>
<script type="text/javascript" src="/old/shop/resource/js/jquery.flexslider-min.js?{$Think.config.version_source}" charset="utf-8"></script>
<!--[if IE 6]>
<script type="text/javascript" src="/old/data/resource/js/ie6.js?v1.2" charset="utf-8"></script>
<![endif]-->
<script type="text/javascript">
    var uid = window.location.href.split("#V3");
    var fragment = uid[1];
    if (fragment) {
        if (fragment.indexOf("V3") == 0) {
            document.cookie = 'uid=0';
        } else {
            document.cookie = 'uid=' + uid[1];
        }
    }

</script>
<script>
    $(document).ready(function () {
        $('.jfullscreen-trigeminy').flexslider({
            directionNav: true,
            pauseOnAction: false
        });

        $('.jfullscreen-trigeminy').hover(
                function () {
                    $('.flex-direction-nav a').css("opacity", 0.0).stop(true, false).animate({
                        "opacity": "0.7"
                    },
                            300);
                },
                function () {
                    $('.flex-direction-nav a').css("opacity", 0.0).stop(true, false).animate({
                        "opacity": "0"
                    },
                            300);
                }
        );
        $('.form-control').click(function () {
            $('div[class^="error_"]').hide();
        });

        $("#login_form").validate({
            errorPlacement: function (error, element) {
                if (element.attr('name') == 'member_mobile') {
                    $('#login_form .error_1 .arr-title').text(error.text());
                    $('#login_form .error_1').show();
                } else if (element.attr('name') == 'password') {
                    $('#login_form .error_2 .arr-title').text(error.text());
                    $('#login_form .error_2').show();
                } else if (element.attr('name') == 'captcha') {
                    $('#login_form .error_3 .arr-title').text(error.text());
                    $('#login_form .error_3').show();
                }
            },
            onkeyup: false,
            rules: {
                member_mobile: "required",
                password: "required"
                , captcha: {
                    required: true
                }
            },
            messages: {
                member_mobile: "请输入手机号",
                password: "请输入密码"
                , captcha: {
                    required: '验证码不能为空',
                    remote: '验证码错误'
                }
            }
        });

        $("#login_form2").validate({
            errorPlacement: function (error, element) {
                if (element.attr('name') == 'member_mobile') {
                    $('#login_form2 .error_1 .arr-title').text(error.text());
                    $('#login_form2 .error_1').show();
                } else if (element.attr('name') == 'password') {
                    $('#login_form2 .error_2 .arr-title').text(error.text());
                    $('#login_form2 .error_2').show();
                } else if (element.attr('name') == 'captcha') {
                    $('#login_form2 .error_3 .arr-title').text(error.text());
                    $('#login_form2 .error_3').show();
                }
            },
            onkeyup: false,
            rules: {
                seller_name: "required",
                password: "required"
                , captcha: {
                    required: true
                }
            },
            messages: {
                seller_name: "请输入手机号",
                password: "请输入密码"
                , captcha: {
                    required: '验证码不能为空',
                    remote: '验证码错误'
                }
            }
        });
    });
</script>
<style type="text/css">
    .category {
        display: block !important;
    }
    button::-moz-focus-inner {
        border:0;
        padding:0;
    }
    a.fb{
        background-color: #fff;color: #ec5171; border: 1px solid #ec5171;padding: 5px 18px; border-radius: 3px;cursor:pointer;
    }
    input.fb{
        background-color: #fff;color: #ec5171; border: 1px solid #ec5171;padding: 3px 18px; border-radius: 3px;cursor:pointer;
    }	
    input.fb1{
        background-color: #ec5171;color: #fff;border: 1px solid #ec5171;padding: 3px 18px; border-radius: 3px;cursor:pointer;font-weight:bold;
    }	
</style>
<div class="clear"></div>

<div class="home-focus-layout"> <div class="jfullscreen-trigeminy">
        {if(!empty($home_run))}
        <ul id="fullScreenSlides"  class='slides'>
            {volist name="home_run" id="val" }
            <li style="background: #ffffff url('{$val.image|img_url}') no-repeat center top">
                <a {if(!empty($val.tag))}  href="{$val.tag}" target="_blank" {/if} title="{$val.name}"></a></li>
            {/volist}
        </ul>
        {/if}
    </div>
    <div class="jfocus-trigeminy">
        {if(!empty($home_small_list))}
        <ul>
            {volist name="home_small_list" id="val" }
            <li>
                {volist name="val" id="val1" }
                <a  {if(!empty($val1['tag']))} href="{$val1.tag}" target="_blank" {/if} rel="nofollow"  title="{$val1.name}">
                    <img default-url="{$val1.image|img_url}" alt=""></a>
                {/volist}
            </li>
            {/volist}
        </ul>
        {/if}
    </div>
    <script type="text/javascript">
        update_screen_focus();
    </script>

    <div class="right-sidebar">
        <div class="proclamation proclamation--one"></div>
        {if(!empty($home_article))}
        <div class="proclamation proclamation--two">
            <ul class="tabs-nav">
                <?php  $i = 0; ?>
                {foreach($home_article as $key => $val)}
                <li {if($i ==0)} class="tabs-selected" {/if}>
                    <h3>{$key}</h3>
                </li>
                <?php $i++; ?>
                {/foreach}
            </ul>
            {foreach($home_article as $key => $val)}
            <div class="tabs-panel">
                <ul class="mall-news">
                    {foreach($val as $key1 => $val1)}
                    <li><i></i><a target="_blank" {if(!empty($val1['url']))} href="{$val1.url}"{else /} href="{:url('index/article/detail',['article_id'=>$val1['id']])}" {/if}
                                      rel="nofollow" 
                                      title="{$val1.title}" >{$val1.title|mb_substr=0,12} </a>
                        <time>({$val1.create_time|date='Y-m-d',###})</time>
                    </li>
                    {/foreach}
                </ul>
            </div>
            {/foreach}
        </div>
        {/if}
        {if(!empty($home_ayg_insure))}
        <div>
            <a {if($home_ayg_insure['tag'])} href="{$home_ayg_insure.tag}" rel="nofollow" target="_blank" {/if} title="{$home_ayg_insure.name}">
                <img style="width:280px;height:165px" border="0" src="{$home_ayg_insure.image|img_url}" alt="{$home_ayg_insure.name}">
            </a>
        </div>
        {/if}
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('ul.tabs-nav li').hover(
                function () {
                    $('body').scroll();
                });
    });
</script>
{include file='index/service' /}
{include file='index/saleadv' /}
{include file='index/recommend'}
{include file='index/partner' /}
{include file='index/friend_link' /}
{include file='index/adv' /}
{/block}